A near-monochrome, flat retail system where warm oatmeal beige is the canvas and near-black charcoal does all the talking — humanist Geograph type, fully-pilled buttons, hairline borders instead of shadows, and not a single gradient in sight.
Set in Geograph, a proprietary humanist geometric sans — shown here in its nearest Google substitute, Hanken Grotesk. Hierarchy is built through size and weight (tracking stays normal). A 14px / 400 tier carries almost all body copy; a heavy 900 weight is reserved for short uppercase labels.
Product cards are borderless: a softly-rounded beige media tile, then ink title and price below. Depth is absent — a faint lift appears only on hover and on floating sale badges.
Built on a 4px base unit (8px effective rhythm). Control padding clusters around 12–13px vertical and 24–25px horizontal.
Soft and fully rounded throughout — from a 3px detail up to 80px media corners and a 100px pill. Buttons and inputs are true pills.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single / two-up product grid, hamburger nav, full-width pill CTAs, stacked beige bands. |
| Tablet | 768–1023px | Two-up grids, condensed header, side padding tightens to ~22px. |
| Laptop | 1024–1279px | Four-up product grids return, full horizontal nav. |
| Desktop | ≥ 1280px | Centred 1200px column with generous gutters; editorial full-bleed beige sections. |
Graceful by design: because the system leans on so few moving parts — pills, hairlines and beige bands — it collapses cleanly across breakpoints with almost no visual change.
Illustrative only — Allbirds is a single-purchase retailer, not a subscription. These demonstrate the card / tier component pattern in the brand's flat, bordered style.
An order-history pattern rendered in the brand's hairline-and-beige table style.
| Order | Product | Size | Status | When |
|---|---|---|---|---|
| #AB-10428 | Wool Runner — Natural Grey | US 9 | Delivered | Jun 24 |
| #AB-10391 | Tree Dasher 2 — Thunder | US 10 | Delivered | Jun 18 |
| #AB-10355 | Wool Lounger — Hazy Beige | US 8 | In transit | Jun 28 |
| #AB-10310 | Tree Runner — Buff | US 9.5 | Processing | Jun 29 |
| #AB-10288 | Trail Runner SWT — Rugged Green | US 11 | Delivered | Jun 12 |
Account sign-in and creation in the pill-input, charcoal-CTA house style.